/*0-1200*/
@media screen and (max-width:1200px){
	#banner{
		height:450px;
	}
	/*li1*/
	#banner .pic .pic-li .li-video{
		width:500px;
		height: 380px;
		margin-top:70px;
		background-size: 500px 380px;
	}
	#banner  .li-video .video-wrap{
		width:338px;
		height:227px;
	}
	/*li2*/
	#banner .li-middle-r {
		width:550px;
	}
	
	/*li3*/
	#banner .li-last-l{
		width:500px;
		height: 385px;
	}
	/*classi部分*/
	#classic{
		height:740px;
	}
	#classic .list .box{
		width:900px;
		height:560px;
	}
	#classic .list .box>ul.phone-pic>li{
		width:180px;
		height:295px;
	}
	#classic .list .box>ul.phone-pic{
		left:-360px;
	}
}

@media screen and (max-width:900px){
	#banner{
		height:350px;
		margin-top:105px;
	}
	/*li1*/
	#banner .pic .pic-li .li-video{
		float:none;
		width:328px;
		height:250px;
		margin:10px auto  0;
		background-size: 328px 250px;
	}
	#banner  .li-video .video-wrap{
	left:49px;
	top:12px;
	width:222px;
	height:149px ;
	}
	#banner  .li-video .video-wrap .video-icon{
		background-size:50px;
	}
	#banner  .li-video .video-wrap .video-icon:hover{
		background-size:50px;
	}
	#banner .pic .pic-li .li-logo{
		position: static;
		width:195px;
		height:75px;
		margin:10px auto 0;
	}
	
	/*li2*/
	#banner .li-middle-r {
		width:380px;
		margin-right:50px;
	}
	#banner .li-middle-l {
		top:200px;
		left:30px;
		width:180px;
	}
	
	/*li3*/
	#banner .li-last-l{
		width:350px;
		height:270px;
		margin:50px 0 0 20px;
	}
	#banner .li-last-r{
		width:200px;
		height:88px;
		margin:100px 30px 0 0;
	}
	/*classic部分*/
	#classic{
		height:650px;
	}
	#classic .list{
		margin:0;
	}
	#classic .list .box{
		width:600px;
		height:510px;
	}
	#classic .list .box>ul.phone-pic>li{
		width:180px;
		height:295px;
	}
	#classic .list .box>ul.phone-pic{
		left:-510px;
	}
	#classic .list .box .dots{
		display:none;
	}
	/*partner部分*/
	#partner {
		width: 100%;
		height: 450px;
		margin-top: 20px;
	}	
	#partner .p-wrap {
		margin: 50px auto 0;
		width: 100%;
	}	
	#partner .p-wrap li {
		float: none;
		margin:20px auto;
		text-align:center;
	}
	#partner .p-wrap li img{
		/*display:block;
		margin:0 auto;*/
	}
	/*footer部分*/
	footer ul {
		width: 100%;
		margin: 0 auto;
	}
	footer li {
		float: none;
		margin: 10px 0;
		text-align:center;
	}
}

@media screen and (max-width:600px ) {
	#banner{
		height:400px;
		margin-top:105px;
	}
	/*li2*/	
	#banner .li-middle-r {
		float:none;
		width:300px;
		margin:20px auto;
		
	}
	#banner .li-middle-l {
		position: absolute;
		top:250px;
		left:50%;
		transform: translateX(-50%);
		width:200px;
	}
	/*li3*/
	#banner .li-last-l{
		float:none;
		width:300px;
		height:230px;
		margin:0 auto;
	}
	#banner .li-last-r{
		float:none;
		width:200px;
		margin:20px auto;
	}
	/*classic部分*/
	#classic .list .box{
		width:200px;
		height:510px;
	}
	#classic .list .box>ul.phone-pic{
		width:1600px;
		left:-710px;
	}
	#classic .list .box>ul.phone-pic>li{
		width:180px;
		height:295px;
	}
    .title{
    	width:70%;
    }

}